<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/vue.js">
    </script>
</head>
<body>

    <!-- 

        1.想让vue工作 必须创建vue实例，且要传入配置对象
        2.root容器代码必须符合html规范，只不过需要vue语法
        3.root容器里面的代码被称为vue模板
        
     -->


    <!--准备容器-->
    <div id="root">
        <!-- // 插值语法'{{}}' -->
        <h1>Hello,{{name}}</h1>
    </div>

    <script type="text/javascript">
        //关闭烦人提示  生产提示
        Vue.config.productionTip = false;

        //创建vue实例
        const x = new Vue({
            el:'#root', // el用于指定当前Vue实例为哪个容器服务，值通畅为css选择器字符串
            data:{
                // data 中用于存储数据，数据给el所指定的容器去使用，值暂时先写成一个对象
                name:'大帅哥'
            }
        });

        // 
    </script>
</body>
</html>